<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <title>注册页面</title>
</head>
<body>
<center>
    <div  style="margin-top: 150px;border: #00FF00">
        <h2 style="width: 400px">Leaf系统用户注册</h2>
        <hr  style="width: 400px;color: #1E9FFF" >
        <form action="/api/user/register" method="post">
            <div class="form-group has-icon">
                <input type="text" class="form-control d-inline" name="username" placeholder="手机号" style="width: 400px">
                <span class="fa fa-phone form-control-icon"></span>
            </div>
            <div class="form-group has-icon">
                <input type="password" class="form-control" name="password" placeholder="密码" style="width: 400px">
                <span class="fa fa-lock form-control-icon"></span>
            </div>
            <div class="form-group has-icon">
                <input type="text" class="form-control d-inline" name="realName" placeholder="真实姓名" style="width: 400px">
                <span class="fa fa-phone form-control-icon"></span>
            </div>
            <div class="form-group has-icon">
                <input type="text" class="form-control d-inline" name="nickname" placeholder="昵称" style="width: 400px">
                <span class="fa fa-phone form-control-icon"></span>
            </div>
            <div class="form-group has-icon">
              <select name="gender" style="width: 400px" class="form-control d-inline">
                <option selected="selected">请选择性别</option>
                    <option value="0">女</option>
                    <option value="1">男</option>
                </select>
<!--                <input type="text" class="form-control d-inline" name="gender" placeholder="性别" style="width: 400px">-->
<!--                <span class="fa fa-phone form-control-icon"></span>-->
            </div>
            <div class="form-group has-icon">
                <input type="text" class="form-control d-inline" name="email" placeholder="邮箱" style="width: 400px">
                <span class="fa fa-phone form-control-icon"></span>
            </div>
            <div class="form-group has-icon">
                <input type="text" class="form-control d-inline" name="hobby" placeholder="爱好" style="width: 400px">
                <span class="fa fa-phone form-control-icon"></span>
            </div>
            <div class="form-group has-icon">
                <input type="text" class="form-control d-inline" name="address" placeholder="地址" style="width: 400px">
                <span class="fa fa-phone form-control-icon"></span>
            </div>
            <button type="submit" class="btn btn-primary btn-block " style="width: 400px">注册</button>
        </form>
        <a class="d-block mt-1" href="/index.html">返回主页</a>
        <hr  style="width: 400px;color: #1E9FFF" >
        <a class="d-block mt-1" href="/login.html">返回登录页面</a>
        <hr class="hidden-sm hidden-md hidden-lg">
    </div>

</center>
</body>
</html>